<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link rel="stylesheet" href="../css/mui.min.css" />
<link rel="stylesheet" href="../css/app.css" />
</head>
<body>
    <header class="mui-bar mui-bar-nav">
    <h1 class="mui-title">首页</h1>
    </header>
    <div class="mui-content">
        <div class="mui-content-padded">
            <p> 您好 <span id='account'></span>，您已成功登录。</p>
        </div>
        <ul id="ngrid" class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-3">
                <img src="../images/gridicon/1.png"/>
                <div class="mui-media-body">Home</div>
            </li>
            <li data-action="email" class="mui-table-view-cell mui-media mui-col-xs-3">
                <img src="../images/gridicon/2.png"/><span class="mui-badge">5</span>
                <div class="mui-media-body">Email</div>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3">
                <img src="../images/gridicon/3.png"/>
                <div class="mui-media-body">Chat</div>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3">
                <img src="../images/gridicon/4.png"/>
                <div class="mui-media-body">Location</div>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3">
                <img src="../images/gridicon/5.png"/>
                <div class="mui-media-body">Search</div>
            </li>
            <li data-action="phone" class="mui-table-view-cell mui-media mui-col-xs-3">
                <img src="../images/gridicon/6.png"/>
                <div class="mui-media-body">Phone</div>
            </li>
            <li data-action="" class="mui-table-view-cell mui-media mui-col-xs-3">
                <img src="../images/gridicon/7.png"/>
                <div class="mui-media-body">Degree</div>
            </li>
            <li data-action="" class="mui-table-view-cell mui-media mui-col-xs-3">
                <img src="../images/gridicon/8.png"/>
                <div class="mui-media-body">Calendar</div>
            </li>
        </ul>
        <ul id="list1" class="mui-table-view">
            <li class="mui-table-view-cell">
                <a data-href="page/other/infinite.html" class="mui-navigate-right">无限滚动</a>
            </li>
            <li class="mui-table-view-cell">
                <a data-href="page/other/pull.html" class="mui-navigate-right">pull示例</a>
            </li>
            <li class="mui-table-view-cell">
                <a data-href="page/other/tab.html" class="mui-navigate-right">tab测试</a>
            </li>
            <li class="mui-table-view-cell">
                <a data-href="http://91zidao.com" class="mui-navigate-right">资道</a>
            </li>
        </ul>
        <ul id="list2" class="mui-table-view">
            <li class="mui-table-view-cell">
                <a data-href="normal.html" class="mui-navigate-right">加载时的过渡页面</a>
            </li>
            <li class="mui-table-view-cell">
                <!--<a data-href="page/other/native_pull.html" class="mui-navigate-right">原生下拉刷新上拉加载</a>-->
                <a data-action="native_pull" class="mui-navigate-right">原生pull to refresh</a>
            </li>
            <li class="mui-table-view-cell">
                <a data-action="immersion" class="mui-navigate-right">判断是否支持沉浸式状态栏</a>
            </li>
            <li class="mui-table-view-cell">
                <a data-action="native_ani" class="mui-navigate-right">原生动画</a>
            </li>
            <li class="mui-table-view-cell">
                <a data-action="share" class="mui-navigate-right">分享</a>
            </li>
        </ul>
    </div>
    <script src="../js/mui.min.js"></script>
    <script src="../js/app.js"></script>
    <script src="../js/main.index.js"></script>
</body>
</html>